<div th:fragment="navbar">
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03"
                    aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand" href="/">SpaceCompany</a>
            <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="/clients">Clients</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/accesses">Accesses</a>
                    </li>
                </ul>
                <div th:text="${#authorization.expression('isAuthenticated()')} ? ${#authentication.principal.username} : 'unknown' "></div>
                <form class="d-flex" th:action="@{/logout}" method="post">
                    <button th:if="${#authorization.expression('isAuthenticated()')}" class="btn" type="submit">Sign
                        Out
                    </button>
                </form>
            </div>
        </div>
    </nav>
</div>